<style>
  .demo-table-expand {
    font-size: 0;
  }

  .demo-table-expand label {
    color: #99a9bf;
    font-weight: bolder;
  }

  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 25%;
  }
  .el-dialog__body{
    height: 500px;
    overflow-y: scroll;
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 178px;
    height: 178px;
    display: block;
  }
</style>
<template>
  <div class="mainHight">
    <!--面包屑-->
    <div class="breadcrumd">
      <!--面包屑-->
      <el-breadcrumb separator-class="el-icon-arrow-right" style="float: left;">
        <el-breadcrumb-item :to="{ path: '/shopList' }"><i class="icon-profile"></i>订单</el-breadcrumb-item>
        <el-breadcrumb-item>用户订单列表</el-breadcrumb-item>
      </el-breadcrumb>
      <!--筛选条件-->

    </div>
    <div class="search" v-if="searchBox">
      <div style="position: relative;">
        <i class="el-icon-close" @click="searchBox=false"></i>
        <el-form :inline="true" :model="shop" class="demo-form-inline" style="margin-top: 29px;">
          <el-form-item>
            <el-input v-model="shop.principal" placeholder="用户id"></el-input>
          </el-form-item>

          <el-form-item>
            <el-select v-model="shop.state" placeholder="订单状态">
              <el-option label="待支付" value="1"></el-option>
              <el-option label="取消订单" value="2"></el-option>
              <el-option label="支付失败" value="3"></el-option>
              <el-option label="其他" value="4"></el-option>
              <el-option label="退款中" value="5"></el-option>
              <el-option label="退款完成" value="6"></el-option>
              <el-option label="退款失败" value="7"></el-option>
              <el-option label="待发货" value="8"></el-option>
              <el-option label="待签收" value="9"></el-option>
              <el-option label="待评价" value="10"></el-option>
              <el-option label="已评价" value="11"></el-option>
              <el-option label="已完成" value="12"></el-option>

            </el-select>
          </el-form-item>

          <el-form-item>
              <el-button type="warning" plain @click="onSearch" style="width: 82px;">查询</el-button>
              <el-button plain @click="putNull" style="width: 82px;">清空</el-button>
            </el-form-item>

        </el-form>
      </div>
    </div>

    <!--表格数据-->
    <div class="mainBox">
      <!--添加商品-->

      <div class="buttons">
        <el-row>

          <el-button type="primary" plain @click="searchBox=true">筛选</el-button>
          <el-button type="danger" plain @click="goDown">批量删除</el-button>
          <el-button plain @click="fresh"><i class="el-icon-refresh"></i>刷新表格</el-button>

        </el-row>
      </div>
      <!--筛选条件弹窗-->

      <el-table :data="shopListTable" style="width: 100%" max-height="500" v-loading="loading"
                @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55">
        </el-table-column>
        <el-table-column type="expand">
          <template slot-scope="props">
            <el-form label-position="left" inline class="demo-table-expand">

              <el-form-item label="取消订单的理由:">
                <span>{{ props.row.cancelReason }}</span>
              </el-form-item>
              <el-form-item label="创建时间:">
                <span>{{ props.row.createTime | time }}</span>
              </el-form-item>
              <el-form-item label="支付时间:">
                <span>{{ props.row.payTime | time }}</span>
              </el-form-item>
              <el-form-item label="发货时间:">
                <span>{{ props.row.leaveTime | time }}</span>
              </el-form-item>
              <el-form-item label="物流公司:">
                <span>{{ props.row.logisticsCompany}}</span>
              </el-form-item>
              <el-form-item label="物流运单号:">
                <span>{{ props.row.logisticsNumber}}</span>
              </el-form-item>
              <el-form-item label="支付方式:">
                <span>{{ props.row.payMethod | payMethod}}</span>
              </el-form-item>
              <el-form-item label="发票:">
                <span>{{ props.row.invoice |  invoice}}</span>
              </el-form-item>
              <el-form-item label="发票url（电）:">
                <span>{{ props.row.invoiceUrl}}</span>
              </el-form-item>

              <el-form-item label="订单完成说明:">
                <span>{{ props.row.completeInstructions}}</span>
              </el-form-item>
              <el-form-item label="地址id:">
                <span>{{ props.row.addressId}}</span>
              </el-form-item>
              <el-form-item label="成本价（单）:">
                <span>{{ props.row.goodsCostPrice}}</span>
              </el-form-item>


            </el-form>
          </template>
        </el-table-column>

        <el-table-column label="用户id" prop="userId">
        </el-table-column>
        <el-table-column label="订单编号" prop="orderNumber" width="200">
        </el-table-column>
        <el-table-column label="总价" prop="price">
        </el-table-column>
        <el-table-column label="零售价（单）" prop="goodsRetailPrice">
        </el-table-column>
        <el-table-column label="折扣价（单）" prop="goodsDiscountPrice">
        </el-table-column>
        <el-table-column label="交易号" prop="transactionNumber">
        </el-table-column>
        <!--<el-table-column label="库存" prop="ground">
                </el-table-column>-->


        <el-table-column label="流水号" prop="serialNumber">
      </el-table-column>
        <el-table-column label="商品数量" prop="number">
        </el-table-column>
        <el-table-column label="订单状态">
          <template slot-scope="scope">
            <p v-if="scope.row.state==1"  style="color: orange">待支付</p>
            <p v-if="scope.row.state==2" style="color: red" >取消订单</p>
            <p v-if="scope.row.state==3" style="color: red">支付失败</p>
            <p v-if="scope.row.state==4"  style="color: orange">其他</p>
            <p v-if="scope.row.state==5" style="color: red">退款中</p>
            <p v-if="scope.row.state==6" style="color: red" >退款完成</p>
            <p v-if="scope.row.state==7" style="color: red">退款失败</p>
            <p v-if="scope.row.state==8"  style="color: orange">待发货</p>
            <p v-if="scope.row.state==9"  style="color: orange">待签收</p>
            <p v-if="scope.row.state==10" style="color: orange">待评价</p>
            <p v-if="scope.row.state==11" style="color: orange" >已评价</p>
            <p v-if="scope.row.state==12" style="color: green">订单顺利完成</p>











          </template>
          <!--<template slot-scope="scope" v-if="scope.row.ground==1">下架</template>-->
        </el-table-column>
        <el-table-column label="操作" width="200">
          <template slot-scope="scope">
            <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
            <el-button size="mini" @click="dele(scope.$index, scope.row)" type="danger">删除</el-button>
          </template>
        </el-table-column>


      </el-table>
      <div class="block" style="padding: 20px;">

        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
                       :page-sizes="[10, 20, 30, 40]" :page-size="5" layout="total, sizes, prev, pager, next, jumper"
                       :total="totalAll">
        </el-pagination>

      </div>
    </div>

    <!--添加商品弹窗-->
    <el-dialog title="添加商品" :visible.sync="dialogFormVisible">
      <el-form  ref="numberValidateForm" label-width="120px" class="demo-ruleForm"  :inline="true">
        <el-form-item
          :label="x.chinese"

          :rules="[
      { required: true, message:x.chinese+ '不能为空'},
    ]"
          v-for="x in mustAddShop" >
          <el-input  v-model="x[getFirst(x)]" auto-complete="off" v-if="!x.options" ></el-input>
          <!--选择框-->
          <template v-if="x.options" >
            <el-select v-model="x[getFirst(x)]" placeholder="请选择" style="width: 202px;">
              <el-option
                v-for="item in x.options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </template>



        </el-form-item>
        <!--上传图片-->
        <el-form-item
          :label="icons.chinese"
          :rules="[
      { required: true, message:icons.chinese+ '不能为空'},
    ]">

          <el-upload
            class="avatar-uploader"
            :action="icons.url"
            :show-file-list="false"
            :on-success="getIcons"
            :with-credentials="acc">
            <img v-if="icons.icon" :src="icons.icon" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
        </el-form-item>
        <p style="text-align: center;cursor: pointer" v-if="!addMore" @click="addMore=true">加载更多</p>
        <br>
        <div  v-if="addMore">
          <el-form-item
            :label="x.chinese"
            v-for="x in addShopArr">
            <el-input  v-model="x[getFirst(x)]" auto-complete="off" v-if="!x.options && !x.url" ></el-input>
            <!--选择框-->
            <template v-if="x.options" >
              <el-select v-model="x[getFirst(x)]" placeholder="请选择" style="width: 202px;">
                <el-option
                  v-for="item in x.options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>


          </el-form-item>
          <el-form-item
            :label="displayPho.chinese"
            :rules="[
      { required: true, message:displayPho.chinese+ '不能为空'},
    ]">

            <el-upload
              class="upload-demo"
              ref="upload"
              :action="displayPho.url"
              :on-preview="handlePreview"
              :on-remove="handleRemove"
              :file-list="fileList"
              :auto-upload="false"
              :with-credentials="acc">
              <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
              <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
              <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
            </el-upload>
          </el-form-item>
        </div>



      </el-form>


      <!--尾部-->
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm('numberValidateForm')">提交</el-button>
        <el-button type="danger" plain @click="resetForm('numberValidateForm')">重置</el-button>
        <el-button @click="dialogFormVisible = false">取 消</el-button>

      </div>

    </el-dialog>

    <!--修改商品-->
    <el-dialog title="修改商品" :visible.sync="handleBol">
      <el-form  ref="numberValidateForm" label-width="120px" class="demo-ruleForm"  :inline="true">
        <el-form-item
          :label="x.chinese"

          :rules="[
      { required: true, message:x.chinese+ '不能为空'},
    ]"
          v-for="x in modifyArr" >
          <el-input  v-model="x[getFirst(x)]" auto-complete="off" v-if="!x.options" ></el-input>
          <!--选择框-->
          <template v-if="x.options" >
            <el-select v-model="x[getFirst(x)]" placeholder="请选择" style="width: 202px;">
              <el-option
                v-for="item in x.options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </template>



        </el-form-item>
        <!--上传图片-->
        <br>

        <el-form-item
          label="更改主题图片"
          :rules="[
      { required: true, message:icons.chinese+ '不能为空'},
    ]">
          <el-upload
            class="avatar-uploader"
            :action="icons.url"
            :show-file-list="false"
            :on-success="getIcons">
            <img v-if="icons.icon" :src="icons.icon" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
        </el-form-item>


      </el-form>


      <!--尾部-->
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm('numberValidateForm')">提交</el-button>
        <el-button type="danger" plain @click="resetForm('numberValidateForm')">重置</el-button>
        <el-button @click="dialogFormVisible = false">取 消</el-button>

      </div>

    </el-dialog>


  </div>
</template>

<script type="text/javascript">
  import config from "@/config.json";

  export default {
    name: "shopList",
    data() {
      return {
        config: config,
        shopListTable: [],
        totalAll: 0,
        pageSize: 10,
        currentPage: 1,

        shop: {
          certificateNumber: '',
          brand: '',
          model: '',
          startPrice: '',
          endPrice: '',
          ground: '',
          salesVolume: '',
        },
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        acc:true,


        //修改弹窗
        handleBol:false,
        //必须添加的商品数组
        mustAddShop: [{
          certificateNumber: '',
          chinese: "商品证书编号"
        }, {
          name: "",
          chinese: "商品名称"
        }, {
          price: "",
          chinese: "商品价格"

        }, {
          discountPrice: "",
          chinese: "折扣价"
        }, {
          discription: "",
          chinese: "商品描述"
        }, {
          color: "",
          chinese: "颜色"
        }, {
          stock: "",
          chinese: "库存"
        },{
          warranty: "",
          chinese: "质保年限"
        },{
          model: "",
          chinese: "型号"
        },{
          costPrice: "",
          chinese: "成本价"
        },{
          brand: "",
          chinese: "商品品牌"
        },{
          ground:"",
          options: [{
            value: '0',
            label: '上架'
          }, {
            value: '1',
            label: '下架'
          }],
          chinese: "上架/下架"

        }
        ],
        //上传照片组
        icons:{
          icon:"",
          url:config.service_base_path + "admin/goods/upload/icon",
          dialogVisible: false,
          chinese:"主题图片"
        },
        displayPho:{
          displayPictures:"",
          url:config.service_base_path + "admin/goods/upload/detailPictures",
          chinese:"展示图"
        },
        addMore:false,
        //展示图照片组
        fileList:[],
        //不必须添加的商品数组
        addShopArr:[{
          type: "",
          chinese: "规格"
        },{
          specifications: "",
          chinese: "规格"
        },{
          label: "",
          chinese: "标签",
          options: [{
            value: '0',
            label: '热卖'
          }, {
            value: '1',
            label: '推荐'
          },{
            value: '2',
            label: '新品'
          },{
            value: '3',
            label: '正常'
          },{
            value: '4',
            label: '其他'
          }],
        },{
          intelligentType: "",
          chinese: "智能类型",
          options: [{
            value: '0',
            label: '智能'
          }, {
            value: '1',
            label: '非智能'
          },{
            value: '2',
            label: '其他'
          }],
        },{
          lampshadeMaterial: "",
          chinese: "灯罩主材质",
        },{
          bodyMaterial: "",
          chinese: "灯身主材质",
        },{
          lightSourceNumber: "",
          chinese: "光源个数"
        },{
          lightSourceType: "",
          chinese: "光源类型"
        },{
          lightSource: "",
          chinese: "是否带光源",
          options: [{
            value: '0',
            label: '带'
          }, {
            value: '1',
            label: '不带'
          }],
        },{
          voltage: "",
          chinese:"电压"
        },{
          style: "",
          chinese:"风格"
        },{
          orign: "",
          chinese:"产地"
        },{
          irradiationArea: "",
          chinese:"照射面积"
        },{
          power: "",
          chinese:"功率"
        },{
          lampshadeShape: "",
          chinese:"灯罩形状"
        },{
          technology: "",
          chinese:"工艺"
        },{
          applySpace: "",
          chinese:"适用空间"
        },{
          sendScore: "",
          chinese:"购买送积分"
        },{
          manufacturer: "",
          chinese:"厂商"
        },{
          honor: "",
          chinese:"荣誉"
        },{
          theme: "",
          chinese:"主题"
        },{
          postage: "",
          chinese:"邮费"
        },{
          costPrice: "",
          chinese:"成本价"
        },{
          detailedExplanation: "",
          chinese:"详情说明"
        },{
          goodsSort: "",
          chinese:"排序等级",
          star:true
        },{
          displayPictures: "", //（4~5，JSON）
          chinese:"展示图",
        }],


        //修改数组
        modifyArr:[{
          certificateNumber: '',
          chinese: "商品证书编号"
        }, {
          name: "",
          chinese: "商品名称"
        }, {
          price: "",
          chinese: "商品价格"

        }, {
          discountPrice: "",
          chinese: "折扣价"
        }, {
          discription: "",
          chinese: "商品描述"
        }, {
          color: "",
          chinese: "颜色"
        }, {
          stock: "",
          chinese: "库存"
        },{
          warranty: "",
          chinese: "质保年限"
        },{
          model: "",
          chinese: "型号"
        },{
          costPrice: "",
          chinese: "成本价"
        },{
          brand: "",
          chinese: "商品品牌"
        },{
          ground:"",
          options: [{
            value: '0',
            label: '上架'
          }, {
            value: '1',
            label: '下架'
          }],
          chinese: "上架/下架"

        },
          {
            type: "",
            chinese: "规格"
          },{
            specifications: "",
            chinese: "规格"
          },{
            label: "",
            chinese: "标签",
            options: [{
              value: '0',
              label: '热卖'
            }, {
              value: '1',
              label: '推荐'
            },{
              value: '2',
              label: '新品'
            },{
              value: '3',
              label: '正常'
            },{
              value: '4',
              label: '其他'
            }],
          },{
            intelligentType: "",
            chinese: "智能类型",
            options: [{
              value: '0',
              label: '智能'
            }, {
              value: '1',
              label: '非智能'
            },{
              value: '2',
              label: '其他'
            }],
          },{
            lampshadeMaterial: "",
            chinese: "灯罩主材质",
          },{
            bodyMaterial: "",
            chinese: "灯身主材质",
          },{
            lightSourceNumber: "",
            chinese: "光源个数"
          },{
            lightSourceType: "",
            chinese: "光源类型"
          },{
            lightSource: "",
            chinese: "是否带光源",
            options: [{
              value: '0',
              label: '带'
            }, {
              value: '1',
              label: '不带'
            }],
          },{
            voltage: "",
            chinese:"电压"
          },{
            style: "",
            chinese:"风格"
          },{
            orign: "",
            chinese:"产地"
          },{
            irradiationArea: "",
            chinese:"照射面积"
          },{
            power: "",
            chinese:"功率"
          },{
            lampshadeShape: "",
            chinese:"灯罩形状"
          },{
            technology: "",
            chinese:"工艺"
          },{
            applySpace: "",
            chinese:"适用空间"
          },{
            sendScore: "",
            chinese:"购买送积分"
          },{
            manufacturer: "",
            chinese:"厂商"
          },{
            honor: "",
            chinese:"荣誉"
          },{
            theme: "",
            chinese:"主题"
          },{
            postage: "",
            chinese:"邮费"
          },{
            costPrice: "",
            chinese:"成本价"
          },{
            detailedExplanation: "",
            chinese:"详情说明"
          },{
            goodsSort: "",
            chinese:"排序等级",
            star:true
          }
        ],
        loading: true,
        searchBox: false,
        sendDatas: new Object(),
        upList: [],
        multipleSelection: new Object(),
        dialogFormVisible: false,
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        },
        formLabelWidth: '120px'

      }
    },
    //自家时间筛选器
    filters: {
      time: function (input) {
        var d = new Date(input);
        var year = d.getFullYear();
        var month = d.getMonth() + 1;
        var day = d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate();
        var hour = d.getHours();
        var minutes = d.getMinutes();
        var seconds = d.getSeconds();
        return year + '-' + month + '-' + day
      },
      payMethod:function (value) {
        if(value){
          if (value==0){
            return "支付宝"
          }else if(value==1){
            return "微信"
          }else if(value==2){
            return "qq"
          }else if(value==3){
            return "银联"
          }else if(value==4){
            return "网银"
          }else if(value==5){
            return "银行卡号"
          }else if(value==6){
            return "货到付款"
          }else if(value==7){
            return "其他"
          }
        }

      },
      invoice:function (value) {
        if(value){
          if (value==0){
            return "开"
          }else if(value==1){
            return "不开"
          }else if(value==2){
            return "纸质版"
          }else if(value==3){
            return "电子版"
          }else if(value==4){
            return "其他"
          }
        }
      }
    },
    methods: {
      getShopList() {
        this.sendDatas.curPage = this.currentPage;
        this.sendDatas.pageSize = this.pageSize;
        this.$ajax({
          method: 'get',
          url: config.service_base_path + "admin/order/list",
          params: this.sendDatas
        }).then((res) => {

          this.shopListTable = res.data
        this.totalAll = res.count
        this.loading = false

      })

      },
      toggleSelection(rows) {
        if (rows) {
          rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);

        });

        } else {
          this.$refs.multipleTable.clearSelection();
        }

      },
      //获取选中元素
      handleSelectionChange(val) {
        this.multipleSelection = val;

      },
      handleSizeChange(size) {
        this.pageSize = size;
        this.getShopList();
      },
      //当前页数改变的时候
      handleCurrentChange(currentPage) {
        this.currentPage = currentPage;
        this.getShopList();
      },
      //搜索
      onSearch() {
        this.sendDatas.curPage = this.currentPage;
        this.sendDatas.pageSize = this.pageSize;
        for (var x in this.shop) {
          if (this.shop[x] != "") {
            this.sendDatas[x] = this.shop[x]
          }

        }
        this.getShopList();
      },
      //清空
      putNull() {
        for (var x in this.shop) {
          this.shop[x] = ""
        }

      },
      //刷新表格
      fresh() {
        this.sendDatas = new Object();
        this.getShopList()
      },
      dele(index,row){
        var id=row.id;

          this.$ajax({
            method: 'delete',
            url: config.service_base_path + "admin/order/delete/"+id,

          }).then((res) => {

            if (res.data == 0) {
              this.$message({
                message: '恭喜你，删除订单成功',
                type: 'success'
              });
              this.getShopList();

            } else {
              this.$message({
                message: '删除订单失败',
                type: 'warning'
              });
            }

          })


      },

      //批量删除
      goDown() {
        for (var x in this.multipleSelection) {
          this.upList.push(this.multipleSelection[x].id)

        }

        this.$ajax({
          method: 'post',
          url: config.service_base_path + "admin/order/delete/some",
          params: {
            orderIdList: this.upList
          }
        }).then((res) => {

          if (res.data == 0) {
          this.$message({
            message: '恭喜你，删除订单成功',
            type: 'success'
          });
          this.getShopList();

        } else {
          this.$message({
            message: '删除订单失败',
            type: 'warning'
          });
        }

      })

      },
      //获取对象第一个属性
      getFirst(data) {
        for (var x in data) {
          return x
        }
      },
      //提交新增商品
      submitForm() {
        var datas=new Object();
        for(var x in this.mustAddShop){
          var first=this.getFirst(this.mustAddShop[x]);

          if(this.mustAddShop[x][first]==""){
            this.$message({
              showClose: true,
              message: '*号为必选项，不能为空！',
              type: 'error'
            });
            return
          }
          datas[first]=this.mustAddShop[x][first];
        }
        if(this.icons.icon==""){
          this.$message({
            showClose: true,
            message: '*号为必选项，不能为空！',
            type: 'error'
          });
          return
        }else{
          datas.icon=this.icons.icon
        }

        this.$ajax({
          method: 'post',
          url: config.service_base_path + "admin/goods/add",
          params: datas
        }).then((res) => {

          if (res.data == 0) {
          this.$message({
            message: '恭喜你，添加成功',
            type: 'success'
          });
          this.getShopList();
          this.dialogFormVisible = false

        } else {
          this.$message({
            message: '添加失败',
            type: 'warning'
          });
        }

      })



      },
      //清空新增商品
      resetForm() {
        for(var x in  this.mustAddShop){
          var first=this.getFirst(this.mustAddShop[x]);
          this.mustAddShop[x][first]="";
        }
      },
      //上传照片
      getIcons(file){
        if(file.code==0){
          this.icons.icon=file.data;
        }
      },
      submitUpload() {
        this.$refs.upload.submit();
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      },
      //  编辑商品
      handleEdit(index,row){

        for (var x in row){
          for(var y in this.modifyArr){
            var first=this.getFirst(this.modifyArr[y]);
            if(x==first){
              if(this.modifyArr[y].options){
                for(var a in this.modifyArr[y].options){
                  if((this.modifyArr[y].options[a].value)*1==row[x]){
                    this.modifyArr[y][first]=this.modifyArr[y].options[a].label
                  }
                }
              }else{
                this.modifyArr[y][first]=row[x];

              }
            }
          }

        }
        this.icons.icon=row.icon

        this.handleBol=true
      }


    },
    created() {
      this.getShopList()

    },

  }
</script>
